<template>
    <div>
        <OuterOne>
            <InnerOne></InnerOne>
        </OuterOne>

        <OuterOne>
            <p>我是需要渲染的内容~P元素</p>
            <p slot='one'> 111~P元素</p>
            <p slot='two'> 222~P元素</p> 
        </OuterOne>
    </div>
   
</template>

<script>
import InnerOne from '../../components/slot/InnerOne.vue'
import OuterOne from '../../components/slot/OuterOne.vue'
export default {
    name: "SlotIndexPage",
    layout: 'test', //默认的使用default.vue
    //只有在pages目录下的VUE代码才可以使用asyncData，fetch，head三个方法
    asyncData(context) {

    },
    fetch() {
        // The fetch method is used to fill the store before rendering the page
    },
    head() {
        // Set Meta Tags for this Page
    },
    components: { OuterOne, InnerOne }
}
</script>
